@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-08-29 16:02:17
 * @version $Id$
 */
/**
 * 
 * @authors Gary
 * @date    2016-08-30 00:04:33
 * @version $Id$
 * less 变量
 */
/* 
	html 页面基准，设计图750px
  */
/*
	@font-cale 将px转化对应的REM
*/
/*
	基准色
*/
/*
  字体白色
*/
html {
  font-size: 750px;
  display: block!important;
}
.service {
  min-height: 100%;
  background-color: #ebebeb;
  font-size: 0.04rem;
  color: #5f5f5f;
  padding-top: 0.15333333rem;
  overflow-x: hidden;
}
.service .chat-container {
  padding-right: 0.02666667rem;
  padding-left: 0.02666667rem;
  padding-bottom: 0.13333333rem;
  border: 1px solid transparent;
}
.service .chat-container .receive-info {
  text-align: left;
  margin-bottom: 0.05333333rem;
}
.service .chat-container .receive-info .content {
  margin-left: 0.14666667rem;
}
.service .chat-container .send-info {
  text-align: right;
  margin-bottom: 0.05333333rem;
}
.service .chat-container .send-info .content {
  margin-right: 0.14666667rem;
}
.service .chat-container .url-style {
  text-decoration: underline;
  color: #01b8ff;
}
.service .chat-container .avatar {
  width: 0.112rem;
  height: 0.112rem;
  margin-top: 0.00533333rem;
  background-color: #fff;
}
.service .chat-container .time {
  color: #acacac;
  font-weight: 300;
  font-size: 0.02933333rem;
  margin-bottom: 0.008rem;
}
.service .chat-container .msg {
  position: relative;
  border-radius: 0.01066667rem;
  display: inline-block;
  max-width: 0.62666667rem;
  min-height: 0.09333333rem;
  font-size: 0.03733333rem;
  padding: 0.02rem 0.02933333rem;
  word-wrap: break-word;
  word-break: break-all;
}
.service .chat-container .msg .img-container {
  height: 0.8rem;
  margin-top: 0.008rem;
  margin-bottom: 0.008rem;
  overflow: hidden;
  font-size: 0;
}
.service .chat-container .msg .img-start {
  width: 0.568rem;
  position: relative;
}
.service .chat-container .msg .img-start img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.service .chat-container .msg:before {
  width: 0.028rem;
  height: 0.028rem;
  position: absolute;
  top: 0.02666667rem;
}
.service .chat-container .receive-color {
  color: #fff;
  border: 1px solid #4d90fe;
  background-color: #4d90fe;
}
.service .chat-container .receive-color:before {
  width: 0.024rem;
  height: 0.024rem;
  left: -0.02266667rem;
  content: '';
  background: url("") no-repeat center center;
  background-size: 100%;
}
.service .chat-container .send-color {
  color: #5f5f5f;
  background-color: #fff;
  border: 1px solid #dddddd;
}
.service .chat-container .send-color:before {
  right: -0.02133333rem;
  content: '';
  background: url("") no-repeat center center;
  background-size: 100%;
}
.service .send-msg {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.13333333rem;
  font-size: 0;
  padding: 0.01866667rem;
  padding-right: 0.02666667rem;
  background-color: #f4f4f6;
  border-top: 1px solid #dddddd;
  justify-content: center;
  -webkit-justify-content: center;
  align-content: center;
  -webkit-align-content: center;
}
.service .send-msg .send-input {
  width: 0.83466667rem;
  height: 0.09333333rem;
  padding: 0.02933333rem;
  border: 1px solid #dddddd;
  border-radius: 5px;
  font-size: 0.04266667rem;
  vertical-align: middle;
}
.service .send-msg .send-img {
  position: relative;
  margin: 0.00666667rem 0.02666667rem;
  margin-right: 0;
  width: 0.09333333rem;
  height: 0.08rem;
  background: url("") no-repeat center center;
  background-size: 100%;
  vertical-align: middle;
}
.service .send-msg .send-img .img-input {
  opacity: 0;
  position: absolute;
  width: 0.09333333rem;
  height: 0.08rem;
  top: 0;
  left: 0;
}
.service .send-msg .send-btn {
  background-color: #4d90fe;
  color: #fff;
  border-radius: 4px;
  font-weight: 300;
  font-size: 0.03733333rem;
  height: 0.08rem;
  margin: 0.00666667rem 0;
  margin-left: 0.02666667rem;
  padding-left: 0.016rem;
  padding-right: 0.016rem;
  vertical-align: middle;
}
.service .img-enlarge-bg {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #191919;
  z-index: 100000;
  text-align: center;
}
.service .img-enlarge {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) !important;
  -webkit-transform: translate3d(-50%, -50%, 0) !important;
}
.service .has-msg {
  position: fixed;
  right: 0.02666667rem;
  bottom: 0.14666667rem;
  background-color: #fff;
  color: #ee453b;
  padding: 0.008rem 0.01333333rem;
  border-radius: 0.04133333rem;
  font-size: 0.02666667rem;
}
